
<template>
  <!-- <div :class="['til',cls]"> -->
  <div :class="['til']">
    <div>
      <span class="t_title">{{title}}</span>
      <span class="t_letter"> / </span>
      <span>{{letter}}</span>
    </div>
    <span>>></span>
  </div>
</template>

<script>
export default {
  name: 'HomeTitle',
  props: {
    title: String,
    letter: String,
  }
}
</script>

<style scoped lang="scss">
.til{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #2775AB;
  line-height: 1;
  padding-bottom: 10px;
}
.t_title{
  color:#2D2D2D;
  font-size:24px;
  font-weight: 600;
}
.t_letter{
  font-size: 15.99px;
  color: #2D2D2D;
}



.huomiao{
  .title{
    background: url(../assets/h_huomiao.png) no-repeat;
    background-position: 0 center;
    padding-left: 17px;
  }
}
.xiangmu{
  .title{
    background: url(../assets/xiangmu.png) no-repeat;
    background-size: 12px 12px;
    background-position: 0 center;
    padding-left: 17px;
  }
}
.tuijian{
    background: url(../assets/h_tuijian.png) no-repeat;
    background-size: 14px 14px;
    background-position: 0 center;
    padding-left: 17px;
}
</style>
